<template>
<div class="Aside">

  <el-menu default-active="1-4-1" class="el-menu-vertical-demo">
    <el-menu-item index="1" @click="go(1)">
      <i class="el-icon-menu"></i>
      <span slot="title">首页</span>
    </el-menu-item>
    <el-menu-item index="2" @click="go(2)">
      <i class="el-icon-document"></i>
      <span slot="title">用户管理</span>
    </el-menu-item>
    <el-menu-item index="3"  @click="go(3)">
      <i class="el-icon-setting"></i>
      <span slot="title">游戏管理</span>
    </el-menu-item>
    <el-menu-item index="4"  @click="go(4)">
      <i class="el-icon-setting"></i>
      <span slot="title">充值订单管理</span>
    </el-menu-item>
  </el-menu>
</div>
</template>

<script>
export default {
  name: "Aside",
  data() {
    return {
    };
  },
  methods: {
    go(index){
      if(index===1){
        this.$router.push('home');
      }else if(index===2) {
        this.$router.push('usermannage')
      }else if(index===3){
          this.$router.push('gamemannage')
      }else{
        this.$router.push('ordermannage')
      }
    }
  }
}
</script>

<style scoped>
.el-menu-vertical-demo:not(.el-menu--collapse) {
  width:199px;
  min-height: 400px;
}
.el-menu{
  background-color: #D3DCE6;
}
</style>
